<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <title>订单详情</title>
  <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <meta name="apple-mobile-web-app-capable" content="no" />
  <meta name="format-detection" content="telephone=no">
  <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/base.css">
  <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/personalCenter.css">
</head>

<body>
<%@ include file="/WEB-INF/jsp/public.jsp"%>
<input type="hidden" id="orderID" value="${orderID}" />
<div class="shoppingcart__tips" style="display:flex">
    <div class="shoppingcart__tips_box">
      <i class="icon_tips_02 dib vm"></i>
      <p class="txt dib vm">暂无订单～</p>
    </div>
</div> 
<div id="dataDIV" style="display: none;">
  <div class="order_item_top">
    <div class="order_code f0">
      <span class="icon_order_code dib vm"></span>
      <span class="order_code_txt dib vm">订单号：5658684086 <em class="n">></em></span>
    </div>
    <div class="order_status"> 等待付款…</div>
  </div>
  <!-- 进度条 -->
  <div class="order_schedule">
    <div class="track_list">
      <div class="track_list_item">
        <p class="status">提交订单</p>
        <div class="status_chart"><i class="dib vm"></i><span class="dib vm"></span></div>
        <p class="time">2016-07-12  10:42:56</p>
      </div>
      <div class="track_list_item"><p class="status">待付款</p>
      <div class="status_chart"><i class="dib vm"></i><span class="dib vm"></span></div>
      <p class="time">2016-07-12  10:42:56</p></div>
      <div class="track_list_item"><p class="status">待收货</p>
      <div class="status_chart"><i class="dib vm"></i><span class="dib vm"></span></div>
      <p class="time">2016-07-12  10:42:56</p></div>
      <div class="track_list_item"><p class="status">已完成</p>
      <div class="status_chart"><i class="dib vm"></i><span class="dib vm"></span></div>
      <p class="time">2016-07-12  10:42:56</p></div>
    </div>
    <div class="order_item_operating tr f0">
      <a class="ui_btn" href="javascript:;">取消订单</a>
      <a class="ui_btn ui_btn_primary" href="javascript:;"> 付款 </a>
    </div>
  </div>
  <!-- 地址信息 -->
  <div class="order_address">
    <p class="receiver"><b>某某某 </b> <span>186 3425 9976</span></p>
    <p><span class="dib vm icon_address"></span><span class="dib vm">北京市大兴区同济南路宏达利德园区</span></p>
  </div>
  <!-- 订单商品 -->
  <div>
    <ul class="order_list">
      <li class="order_item">
        <div class="order_goods_item">
          <div class="goods_img">
            <a href="#"><img src="${pageContext.request.contextPath}/static/images/material_commodity_01.png"></a>
          </div>
          <div class="goods_info">
            <div class="order_goods_info">
              <p class="goods_info_name"><a href="#">Casio/卡西欧自拍颜内数码相机卡（粉色）礼盒版</a></p>
              <p class="goods_info_price">
                <span>¥1860.00</span>
              </p>
            </div>
            <div class="order_goods_info">
              <p class="goods_info_color">颜色分类:粉色</p>
              <p class="goods_info_quantity"> X1 </p>
            </div>
          </div>
        </div>
        <div class="order_goods_item">
          <div class="goods_img">
            <a href="#"><img src="${pageContext.request.contextPath}/static/images/material_commodity_01.png"></a>
          </div>
          <div class="goods_info">
            <div class="order_goods_info">
              <p class="goods_info_name"><a href="#">Casio/卡西欧自拍颜内数码相机卡（粉色）礼盒版</a></p>
              <p class="goods_info_price">
                <span>¥1860.00</span>
              </p>
            </div>
            <div class="order_goods_info">
              <p class="goods_info_color">颜色分类:粉色</p>
              <p class="goods_info_quantity"> X1 </p>
            </div>
          </div>
        </div>
      </li>
    </ul>
  </div>
  <!-- 订单总价 -->
  <div class="goods_total">
    <p class="fix"><span class="l">商品总额：</span><span class="r">¥1860.00</span></p>
    <p class="fix"><span class="l">兑换券：</span><span class="r">6000</span></p>
    <p class="fix"><span class="l">运费：</span><span class="r">¥5.00</span></p>
    <p class="fix"><span class="r">实付款：<em class="n c_bright">¥10000</em></span></p>
  </div>
</div> 
</body>
 <script src="${pageContext.request.contextPath}/static/js/lib/jquery/jquery.min.js"></script>
 <script src="${pageContext.request.contextPath}/static/js/lib/layer/layer.js"></script>
  <script src="${pageContext.request.contextPath}/static/js/wap/main-orderDetail.js"></script>
  <script src="${pageContext.request.contextPath}/static/js/lib/menu.js"></script>
</html>


